<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>榜单</title>
    <link rel="stylesheet" href="style2.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container">
    <a class="navbar-brand ws" href="#"><img src="img/logo.png" alt=""></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto">
            <li class="nav-item active lp">
                <a class="nav-link" href="#"><input type="text" placeholder="黑龙0.3秒"><a href=""><i><img src="img/sousuo.png" alt=""></i></a>
                    <span class="sr-only">(current)</span></a>
            </li>
        </ul>
        <form class="form-inline my-2 my-lg-0">
            <ul>
                <li><a href="">客服中心</a></li>
                <li><a href="">招贤纳士</a></li>
                <li><a href="">会员中心</a></li>
                <li class="bs"><a href="">登录</a></li>
            </ul>
        </form>
    </div>
    </div>
</nav>
<div class="hard">
    <div class="container">
        <div class="row">
        <div class="col-md-6">
            <div class="mq">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="index2.html">榜单</a></li>
                    <li><a href="index3.html">下载客户端</a></li>
                    <li><a href="">更多</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-6">
            <div class="mq-1">
                <ul>
                    <li><img  class="lc" src="img/n1.png" alt=""><img class="cl" src="img/n4.png" alt=""><a href="">音乐直播</a></li>
                    <li><img  class="lc" src="img/n2.png" alt=""><img class="cl-1" src="img/n5.png" alt=""><a href="">酷狗LIVE</a></li>
                    <li><img  class="lc" src="img/n3.png" alt=""><img class="cl-2" src="img/n6.png" alt=""><a href="">音乐人</a></li>
                    <li><img  class="lc" src="img/n7.png" alt=""><img class="cl-3" src="img/n8.png" alt=""><a href="">成为主播</a></li>
                    <li><img  class="lc" src="img/n9.png" alt=""><img class="cl-4" src="img/n10.png" alt=""><a href="">商城</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</div>
<main>
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <div class="qb">
                <div class="rm">
                 <a href="">热门榜单</a>
                </div>
                    <div class="rm-1">
                        <ul>
                            <li>  <a href=""><img class="sl" src="img/s1.png" alt="">酷狗飙升榜 <img  class="ls" src="img/s12.png" alt=""></a></li>
                            <li>  <a href=""><img class="sl" src="img/s2.png" alt="">酷狗TOP500 <img  class="ls" src="img/s12.png" alt=""></a></li>
                            <li>  <a href=""><img class="sl" src="img/huo.png" alt="">网络红歌榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s9.jpg" alt="">DJ热歌榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s13.jpg" alt="">华语新歌榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s14.jpg" alt="">欧美新歌榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s15.jpg" alt="">韩国新歌榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s16.jpg" alt="">日本新歌榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s26.jpg" alt="">腾讯音乐人原创榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s17.jpg" alt="">粤语新歌榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s5.png" alt="">酷狗分享榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s10.png" alt="">5sing音乐榜</a></li>
                            <li>  <a href=""><img class="sl" src="img/s6.png" alt="">繁星音乐榜</a></li>
                        </ul>

                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="pc_temp_title">
                    <h3>酷狗飙升榜</h3>
                    <span class="rank_update">2019-06-30 更新</span>
                    <a href="" class="text-right"><i></i>播放全部</a>
                </div>
                <div id="app">
                    <ul>
                        <li v-for="list in message">
                            <input type="checkbox">
                            <span>{{list.number}}</span>
                            <span><i></i></span>
                            <a href="">{{list.song}}<time>{{list.time}}</time></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="fh">
        <img src="img/k35.png" alt="">
        <div class="fh">
            <span>返回顶部</span>
        </div>
        </div>
</main>












<footer>
    <div class="container">
        <div class="gy">
            <ul>
                <li><a href="">关于酷狗</a></li>
                <li><a href="">监督举报</a></li>
                <li><a href="">广告服务</a></li>
                <li><a href="">版权指引</a></li>
                <li><a href="">隐私政策</a></li>
                <li><a href="">用户服务协议</a></li>
                <li><a href="">推广合作</a></li>
                <li><a href="">酷狗音乐人</a></li>
                <li><a href="">酷狗音乐推</a></li>
                <li><a href="">招聘信息</a></li>
                <li><a href="">客服中心</a></li>
                <li><a href="">用户体验提升计划</a></li>
            </ul>
        </div>
        <div class="gu-1">
            <p>我们致力于推动网络正版音乐发展，相关版权合作请联系copyrights@kugou.com</p>
            <p>信息网络传播视听节目许可证 1910564 增值电信业务经营许可证粤B2-20060339 <a href=""> 粤ICP备09017694号-2</a></p>
            <p>广播电视节目制作经营许可证（粤）字第01270号&nbsp;&nbsp;&nbsp;&nbsp;营业性演出许可证穗天演440106026</p>
            <p>穗公网监备案证第44010650010167&nbsp;&nbsp;&nbsp;&nbsp;互联网药品信息服务资格证编号（粤）-非经营性-2012-0018 <a href="">粤公网安备 44010602000141号</a></p>
            <p>不良信息举报邮箱：jubao_music@kugou.net 客服邮箱：kefu@kugou.net</p>
            <p>Copyring @ 2004-2019 KuGou-Inc.All Rughts Reserved</p>
        </div>
    </div>
</footer>


<script src="js/vue.js"></script>
<script src="js/axios.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/lunbo.js"></script>
<script src="js/index2.js"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</script>
</body>
</html>